<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components">

<h:head>
	<!-- PhanAnh -->
	<link HREF="favicon.ico" type="image/x-icon" rel="icon" />
	<link HREF="favicon.ico" type="image/x-icon" rel="shortcut icon" />
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/tripoli.simple.css"
		media="screen, projection, print" />
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/base.css"
		media="screen, projection, print" />
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/layout.css"
		media="screen, projection, print" />
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/style.css"
		media="screen, projection, print" />
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/theme.css"
		media="screen, projection, print" />
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/icons.css"
		media="screen, projection, print" />
	<script type="text/javascript"
		SRC="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script type="text/javascript">
		//         
		document
				.write('<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/js/js.css" media="screen, projection, print" />');
		//   

		$(document).ready(function() {

			$(".close").click(function() {
				$(this).parents(".message").hide("puff");
			});

		});
	</script>
	<!--[if IE]>
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/ie/ie.css" media="screen, projection, print" />
	<![endif]-->
	<!--[if lt IE 7]>
	<script src="js/DD_belatedPNG_0.0.7a-min.js" type="text/javascript"></script>
	<script>

		DD_belatedPNG.fix(' #header, h1, h1 a, .close, .field,.paginate .current, .icon, .required-icon');

	</script>
	  <link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/cssAdmin/cssTempAdmin/css/ie/ie6.css" type="text/css" media="screen, projection"/>
	<![endif]-->
	<!-- PhanAnh -->
</h:head>
<h:body>


	<ice:form id="form">
		<!-- Content -->
		<div id="login" class="content">
			<div class="roundedBorders login-box">
				<!-- Title -->
				<div id="title" class="b2">
					<h2>LogIn</h2>
					<!-- TitleActions -->
					<div id="titleActions">
						<div class="actionBlock">
							<a href="#">Forgot your password ?</a>
						</div>
					</div>
					<!-- /TitleActions -->
				</div>
				<!-- Title -->

				<!-- Inner Content -->
				<div id="innerContent">
					<div class="field">
						<ice:outputLabel value="#{msg.AdminLogin_UserName}" />
						<ice:inputText id="username" label="username" partialSubmit="true"
							styleClass="text" required="true"
							value="#{adminLoginMB.username_}">
							<f:validateLength maximum="50" minimum="6" />
						</ice:inputText>
						<ice:message for="username" />
					</div>
					<div class="field">
						<ice:outputLabel value="#{msg.AdminLogin_Password}" />
						<ice:inputSecret partialSubmit="true" styleClass="text"
							id="password" required="true" label="password"
							value="#{adminLoginMB.password_}">
							<f:validateLength maximum="50" minimum="6" />
						</ice:inputSecret>
						<ice:message for="password" />
					</div>
					<div class="clearfix login-submit">
						<span class="fleft"> <ice:selectBooleanCheckbox
								id="remember-me"></ice:selectBooleanCheckbox> <label
							for="remember-me">Remember me</label>
						</span> <span class="fright"> <ice:commandButton
								styleClass="button" value="login"
								action="#{adminLoginMB.doLogin}"></ice:commandButton>
						</span>
					</div>
					<div style="padding-top: 20px; color: red; padding-left: 0px;">
						<ice:messages />
					</div>
				</div>

				<!-- /Inner Content -->
				<div class="bBottom">
					<div></div>
				</div>
			</div>
		</div>

	</ice:form>
</h:body>
</html>
